@charset "utf-8";
*{padding: 0; margin: 0; box-sizing:border-box;}
/*about页*/

.about{margin-top:30px;}
.zwbt{margin-top:-90%}
.zwbt h2{text-align: right;}
.zwbt p{text-align: right;}
.zwbt div{width: 50px;
    height: 5px;
    background-color: #02468d;
    text-align: right;
    float: right;}
.zw{background-color: #02468d;
    margin-top: 50px;
    padding: 50px;
color: #fff;}
.zw p{line-height: 30px; }


/*产品列表页*/
.pagebanner{width:100%}
.pagebanner img{max-width:100%}

.productleft{border: 1px solid #02468d;width: 95%;float:left;}
.productleft h2{padding: 20px;background-color: #007ec8;color: #fff;margin: 0px;text-align: center;}
.productleft p{font-size: 12px;background-color: #007ec8;color: white;text-align: center;padding: 10px 0px 0px 0px;}
.productleft ul{}
.productleft ul li{font-size: 14px;padding: 20px;border-bottom: 1px solid #c7c8cab3;width:100%;height:auto}
.productleft ul li:hover{background-color: #5d555552;font-size: 16px;color:#fff;font-weight:bold;width:100%;height:auto}
.s1{    padding: 5px;color: #007ec8;}


.productright{width: 100%;float:right;}
.productstitle{width: 100%;border-bottom: 1px solid #ddd;height: 30px;}
.productstitle p{ float:left;font-weight: bold;}
.productstitle span{float:right;}
.productsright ul{padding-top:20px}
.productsright ul li{}
.cp{margin: 10px 0px;padding: 10px;box-shadow: 1px 1px 5px #ddd;text-align: center;}




.cp img{max-width:100%;}

.productsright ul li:hover .cp img{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;}


.cp p{line-height: 20px;
    color: #02468d;
    padding: 5px 30px;
    border-radius: 30px;
    height: 60px;
    padding-top: 20px;}


.productsright ul li:hover .cp p{-webkit-transform: scale(1.1,1.1); transform: scale(1.1,1.1); -webkit-transition: all 0.2s ease-in-out 0s; transition: all 0.2s ease-in-out 0s;font-size:16px;font-weight:bold;}

/*分页*/
.pages {margin: 20px auto;clear: both;width: 100%;text-align: center;text-align: center;font-size: 12px;}

.pages ul {display: flex;margin: 0 auto;align-items:center;justify-content:center;height:34px;line-height:34px;}

.pages li {display: flex;margin: 0 6px;width: 34px;height:34px;align-items:center;}

.pages a {border-radius: 100%;background-color: #d9d9d7;border: #d9d9d7 1px solid;color: #fff;text-decoration: none;width: 32px;justify-content:center;}

.pages a:hover, li.current a {background-color: #336eaf; color: #FFFFFF; border: #336eaf 1px solid;text-decoration: none;}






/*产品详情页*/

.productrighttitle{width:100%;padding-left: 30px;}
.productrighttitle h2{width:100%;line-height: 50px;}
.productrighttitle h4{padding: 30px 0px 10px 0px;}
.productrighttitle p{word-wrap: break-word;}
.xqjs{width:100%;margin-top:30px}
.xqtitle{width:100%;height:46px;background-color:#fbfafa;border-bottom: 1px solid #007ec8;}
.xqtitle span{color:#fff;background-color:#007ec8;padding:15px 50px;line-height:46px}
.xqcontent{width:100%;padding-top: 10px;}



.pro-art{padding: 50px 0;}
.big-pic{margin: 0 0 35px 0;}
.big-pic ul{list-style: none;margin: 0;padding: 0;}
.big-pic ul li{border: 1px solid #dbdbdb;}
.small-pic{position: relative;}
.small-pic .swiper-button-prev, .small-pic .swiper-container-rtl .swiper-button-next{left: 0;top: 0;margin: 0;
    background: #eee;font-size: 25px;line-height: 72px;text-align: center;width:20px;height: auto;color: #87939c;}
.small-pic .swiper-button-next, .small-pic .swiper-container-rtl .swiper-button-prev{right: 0;top: 0;margin: 0;
    background: #eee;font-size: 25px;line-height: 72px;text-align: center;width:20px;height: auto;color: #87939c;}
.small-pic .swiper-container{width: 90% !important;height:80px;}
.small-pic .swiper-slide{/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;
  display: flex;-webkit-box-pack: flex-start;-ms-flex-pack: flex-start;-webkit-justify-content: flex-start;
  justify-content: flex-start;-webkit-box-align: flex-start;-ms-flex-align: flex-start;  -webkit-align-items: flex-start;align-items: flex-start;}
.pro-art .swiper-slide{padding: 0 5px;border: 1px solid transparent;text-align: left;}
.pro-art .swiper-slide a{text-decoration: none;border: 1px solid #dbdbdb;}
.pro-art .swiper-slide a img{text-align: center;}
.pro-explain h2{font-size: 22px;color: #333;font-weight: 500;line-height: 28px;margin: 0;}
.pro-explain p{font-size: 16px;color: #666;background: #F5F5F5;padding: 10px 15px;margin: 15px 0;}
.pro-explain .media strong{font-size: 16px;color: #FF9609;width: 30%;display: inline-block;vertical-align: top;
	line-height: 30px;font-weight: 500;}
.pro-explain .media span{display: inline-block;vertical-align: middle;font-size: 14px;color: #333;
    line-height: 1.5;}
.pro-explain .media span b{margin: 0 6px 0 0;display: inline-block;}
.share-box{list-style: none;margin: 25px 0 20px 0;padding: 0;font-size: 0px;}
.share-box li{display: inline-block;vertical-align: top;margin: 0;width: 12.5%;text-align: center;}
.share-box li a{border: 1px solid #dbdbdb;border-left: none;font-size: 16px;display:block;padding: 8px 0;color: #666;}
.share-box li:first-child a{border-left: 1px solid #dbdbdb;}
.share-box li:hover a{color: #1168ab;}
.click{list-style: none;margin: 0 0 30px 0;padding: 0;}
.click li{display: inline-block;padding: 10px 15px;background: #cb2027;border-radius: 5px;margin: 0 10px 0 0;}
.click li:last-child{background: #FF9609;}
.click li a{display: block;color: #fff;font-size: 14px;font-weight: 500;font-family: sfpro,"Arial",sans-serif ;cursor: pointer;}
.click li a span{padding: 0 10px 0 0;font-size: 18px;}
.pro-art .button{text-align: center;margin: 30px 0 0 0;}
.pro-art .button span{position: absolute;display: block;bottom: 40px;right: 0;left: 144px;font-size: 35px;
	color: #5098f7;}
.pro-artvi{margin: 0 0 30px 0;}
.np-artvi{border: 1px solid #dbdbdb;box-shadow: 0px 4px 4px 0px #dbdbdb;padding: 50px 0 0 0;}
.np-artvi span.fa-times{font-size: 20px;color: #999;position: absolute;right: 30px;z-index: 99;top: 15px;}
.pro-ticle .detail{margin: 0 0 10px 0;}
.pro-ticle .detail h2{margin: 25px 0 0 0;}
.pro-ticle .detail ul{border: none;padding: 5px 0 0 0;font-size: 0px;
	margin: 0 0 15px 0;}
.pro-ticle .detail ul li{width: 100%;padding: 0;border: 1px dashed #dbdbdb;margin: 15px 0 0 0;}
.pro-ticle .detail ul li p{border: none;text-align: left;padding: 10px 0;font-size: 22px;color: #333;font-weight: 500;}
.pro-ticle .detail ul li span{
	padding: 0 10PX;
	display: block;
	font-size: 16px;
	line-height: 26px;
	color: #333;
	margin: 0;
	}
.pro-parameter table tr td img{display: inline-block;
}
.pro-parameter table tr td:first-child{font-size: 16px;color:#FF9609;vertical-align: top;line-height: 30px;
	font-weight: 500;padding-right: 10px;}
.pro-parameter table tr td:first-child+td{font-size: 14px;}

.tab-pro{margin: 15px 0 30px 0;}
.tab-pro strong{font-size: 24px;color: #333;font-weight: 500;}
.tab-pro .nav-tabs{border: none;margin: 20px 0 15px 0;overflow: hidden;}
.tab-pro .nav-tabs li a{color: #666;font-weight: 500;font-size: 16px;}
.tab-pro .nav-tabs > li.active > a, .tab-pro .nav-tabs > li.active > a:hover,
.tab-pro .nav-tabs > li.active > a:focus{border: 1px solid transparent;border-bottom: 1px solid #1168ab;color: #1168ab;
	}
.tab-pro .nav-tabs li{float: none;display: inline-block;margin: 10px 15px}
.tab-pro .swiper-container{width: 90% !important;}
.tab-pro .tab-content a p{font-size: 18px;color: #333;margin: 15px 5px;text-align: left;}
.tab-pro .tab-content a:hover p{color: #1168ab;}
.tab-pro .tab-content .swiper-button-next,
.tab-pro .tab-content .swiper-button-prev{background: #fff;font-size: 30px;color: #1168ab;}
.tab-pro .nav-tabs li a span{transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;font-size: 30px;
	-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;color: #666;display: block;
	margin: 0 0 15px 0;}
.tab-pro .nav-tabs > li.active > a span, .tab-pro .nav-tabs > li.active > a:hover span,
.tab-pro .nav-tabs > li.active > a:focus span{transform: rotate(360deg) scale(1.2);-webkit-transform: rotate(360deg) scale(1.2);
    -moz-transform: rotate(360deg) scale(1.2);-o-transform: rotate(360deg) scale(1.2);
    -ms-transform: rotate(360deg) scale(1.2);color: #1168ab;}

.proart-vi{background: #F5F5F5;padding: 60px 0;margin: 0 0 30px 0;}
.proart-vi .carousel-control.left{left: -118px;}
.proart-vi .fa-angle-left{top: 45%;position: absolute;font-size: 50px;color: #999;}
.proart-vi .carousel-control.right{right: -118px;}
.proart-vi .fa-angle-right{top: 45%;position: absolute;font-size: 50px;color: #999;}
.proart-vi .ratio-content{margin: 0;}
.epilog-proart ul.anchor{list-style: none;margin: 0;padding: 0;}
.epilog-proart ul.anchor li{margin: 0 0 2px 0;}
.epilog-proart ul.anchor li a{display: block;background-color: #F5F5F5;font-size: 16px;padding: 12px 15px;
	color: #333;}
.epilog-proart ul.anchor li:first-child a{color: #fff;background-color: #999;font-weight: 600;}
.tab-pro .tab-content .swiper-slide img {padding: 0 15px}



/*新闻列表页*/

.newstime{width:100%;padding: 20px;    border: 1px solid #ddd;
    height: auto;
    margin: auto 0;}
.newstime p{font-size:40px;text-align:center;line-height:36px}
.newstime h2{font-size:50px;text-align:center;}
.newsright{}

.newsright ul{}

.newsright ul li{padding: 20px 0px;border-bottom: 1px dashed #ddd;}
.newsright ul li p{line-height:30px;}
.newsfr{padding-bottom: 30px;}
.newsr{text-align:right}
.more{padding: 10px 30px;border: 1px solid #ddd;}

/*contact页*/

.contact{margin-top:30px;}
.lxfs{}
.lxfs ul{}
.lxfs ul li{    height: 150px;
    text-align: center;
  
    box-shadow: 0px 0px 5px #ddd;
    margin: 10px 15px;
   
   line-height:150px;}
.col-md-35{width:30%;float:left}

.lxfs ul li:hover{font-size:20px;color:#ddd}	

@media screen and (max-width: 768px){
.productrighttitle h2 {
    width: 100%;
    padding-top: 40px;
    line-height: 50px;
}
.col-md-35 {
    width: 42%;
    float: left;
}
.zwbt {
    margin-top: 0%;
}
.zwbt h2 {
    text-align: center;
}
.zwbt p {
    text-align: center;
}


.zwbt div {
   display:none;
   
}
.zw {
    background-color: #02468d;
    margin-top: 20px;
    padding: 20px;
    color: #fff;
}	
.productleft{display:none;}	
.productstitle{display:none;}	


.productrighttitle {
    width: 100%;
padding-left: 0px;
}
.lxfs ul li {
    height: 150px;
    text-align: center;
    box-shadow: 0px 0px 5px #ddd;
    margin: 10px;
    line-height:30px;
	padding-top:30px;
}
.swiper-slide{width:18%}	
.cp img {
    max-width: 100%;
    height: 114px;
}
}